html,
body,
#app {
	height: 100%;
}

body {
	padding-bottom: constant(safe-area-inset-bottom);
	padding-bottom: env(safe-area-inset-bottom);
}
html.dark {
	--text-color-dark: #fff;
	--bg-color-dark: #343540;
	--text-color-da: #fff;
	--bg-color-da: #444653;
	--text-color-title: #fff;
	--bg-color-title: #444653;
	--el-input-text-color: #000!important;
	--bg-input-color: rgb(55, 65, 81);
	--bg-border-input: #444653;
	.el-dialog {
		--el-dialog-bg-color: #343540 !important;
	}
	--border-prom-color: rgba(217, 217, 227,.2)
}

html {
	--text-color-dark: #000;
	--bg-color-dark: #fff;
	--text-color-da: rgb(55, 65, 81);
	--bg-color-da: #f7f7f8;
	--text-color-title: rgb(142, 142, 160);
	--bg-color-title: #f7f7f8;
	--bg-input-color: #fff;
	--border-prom-color: rgba(217, 217, 227,1);
	--bg-border-input: #e6e6ec;

}
